<template>
  <section class="section-one" @click="navigateToNext">
    <span class="corner-number">6</span>
    <h2>deepseek-AI</h2>
    <p>DeepSeeR1 是一个大型深度学习模型，主要用于处理复杂的自然语言处理（NLP）任务。它基于 Transformer 架构，类似于 OpenAI 的
      GPT 系列模型，但可能在某些方面进行了优化或改进，以提升性能或适应特定的应用场景。</p>
  </section>
</template>

<script setup>
import {
  ref,
  computed,
  reactive
} from 'vue'
import {
  useRouter
} from 'vue-router'; // 引入 vue-router 的 useRouter

const router = useRouter(); // 获取路由实例

const navigateToNext = () => {
  router.push({
    name: 'askDeeoseek'
  });
};
</script>

<style scoped>
.section-one {
  background-color: #f6f6f6;
  text-align: center;
  position: relative; /* 使内部绝对定位的元素相对该部分定位 */
}

.corner-number {
  position: absolute; /* 绝对定位 */
  top: 10px; /* 距离顶部的距离 */
  left: 10px; /* 距离左边的距离 */
  color: black; /* 设置颜色为粉色 */
  font-family: 'Songti SC', '宋体', serif; /* 设置字体为宋体 */
  font-size: 24px; /* 可以根据需要调整字体大小 */
  font-weight: bold;
}
</style>
